@charset "utf-8";

.topimg img{width:100%;}
.toutiao{text-align: center; border-bottom: 1px solid #f1f1f1;}
.toutiao dl{position: relative; display: inline-block; padding-left: 12%;width:80%;}
.toutiao dl .hd{position: absolute; top: 0; bottom: 0; left: 0; width: 12%;}
.toutiao dl .hd label{position: absolute; top: 50%; left: 0; display: block; margin-top: -.75em; font-size: 1.625em;}
.toutiao dl .hd label span{position: relative; z-index: 3; display: block; padding: .25em 1em; color: #fff; line-height: 1em; white-space: nowrap;}
.toutiao dl .hd label span a{color:#fff;}
.toutiao dl .hd label:before{position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 2; content: ""; background: #cf0000; border-top-left-radius: .5em; border-bottom-right-radius: .5em;}
.toutiao dl .hd label:after{position: absolute; top: 5px; right: -5px; bottom: -5px; left: 5px; z-index: 1; content: ""; background: #f00; opacity: .2; border-top-left-radius: .5em; border-bottom-right-radius: .5em;}
.toutiao dl .caption{text-align: center;}
.toutiao dl .caption a{display: inline-block; font-size: 1.875em; font-weight: bold; color: #085ea8; line-height: 1.5em;}
.toutiao dl .desc{margin-top: .75em; text-align: center; color: #666; line-height: 1.5em;}
@media (max-width:1480px){
  .toutiao dl .caption a{font-size: 1.75em;}
  .toutiao dl .hd label{font-size: 1.5em;}	
}
@media (max-width:1200px){
  .toutiao dl .caption a{font-size: 1.5em;}
  .toutiao dl .hd label{font-size: 1.375em;}
  .toutiao dl .desc{display: none;}	
}
@media (max-width:992px){
  .toutiao dl{padding-left: 0;}
  .toutiao dl .caption a{font-size: 1.5em;}	
  .toutiao dl .hd{display: none;}
}

@media (max-width:640px){
  .toutiao dl .caption a{font-size: 1.25em;}	
}
@media (max-width:450px){
  .toutiao dl .caption a{font-size: 1.125em;}	
}

.news .tpxw{position: relative;}
.news .tpxw .swiper-slide dl{position: relative;}
.news .tpxw .swiper-slide dl .place{padding-top: 64%;}
.news .tpxw .swiper-slide dl dt{position: absolute; right: 0; bottom: 0; left: 0; z-index: 5; padding: 10px 100px 10px 15px; line-height: 25px; text-align: left;
background: rgba(0,0,0,.5);}
.news .tpxw .swiper-slide dl dt a{color: #fff;}
.news .tpxw .swiper-pagination{bottom: 13px;}
@media (max-width:1480px){
  .news .tpxw .swiper-slide dl .place{padding-top: 66.67%;}	
}
@media (max-width:1200px){
  .news .tpxw{margin-bottom: 20px;}
}
@media (max-width:992px){
  .news .tpxw .swiper-slide dl dt{padding: 15px;}	
}
@media (max-width:640px){
  .news .tpxw .swiper-slide dl dt{padding: 10px; line-height: 30px; height: auto; }
  .news .tpxw .swiper-slide dl dt a{font-weight: normal;}
  .news .tpxw .swiper-pagination{position: static; margin-top: 15px;}
  .news .tpxw .swiper-pagination .swiper-pagination-bullet{background: #000;}
}
.setIE.ie8 .news .tpxw .swiper-slide dl dt{background: url(../images/public/blank_black_opa50.png);}

@media (max-width:1480px){
  .news .xwdt .infolist li.li7{display: none;}
}
.setIE.ie8 .news .xwdt .infolist li.li7{display: none;}

.ztzlh2{
  width:100%;
    font-size: 22px;
    font-weight: bold;
    line-height: 40px;
}
.ztzl > ul{margin-top: 0px;}
.ztzl > ul li a{display: block;margin-top: 4px;padding-top: 38.1%;}
@media (max-width:1200px){
  .ztzl{margin-bottom: 0;}
  .ztzl > ul{margin: -15px -7px 0 -8px;}
  .ztzl > ul li{float: left; width: 25%;}
  .ztzl > ul li a{margin: 15px 7px 0 8px;}
}
@media (max-width:768px){
  .ztzl > ul li{width: 50%;}	
}

/*政务公开*/
.zfxxgkzl .swiper-container{margin-right: -7px; margin-left: -8px;}
.zfxxgkzl .swiper-slide a{display: block; margin-right: 7px; margin-left: 8px; text-align: center; padding: 25px 0 24px;}
.zfxxgkzl .swiper-slide a i{position: relative; display: inline-block; vertical-align: middle; margin-right: .25em; padding: 3px 0; width: 35px; height: 35px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease;}
.zfxxgkzl .swiper-slide a i img{display: block; position: relative; z-index: 2; width: 100%; height: 100%;}
.zfxxgkzl .swiper-slide a span{display: inline-block; position: relative; vertical-align: middle; line-height: 1.2em; text-align: left; width: 4.25em; max-width: 4.25em;}
.zfxxgkzl .swiper-slide a.zc span{width: 2.25em; max-width: 2.25em;}
.zfxxgkzl .swiper-slide a.sq span{width: 5.25em; max-width: 5.25em;}
.zfxxgkzl .swiper-slide a.zc{background: #fbe9e4;}
.zfxxgkzl .swiper-slide a.zn{background: #FDF3DA;}
.zfxxgkzl .swiper-slide a.zd{background: #DCF4F6;}
.zfxxgkzl .swiper-slide a.nr{background: #d9f3ff;}
.zfxxgkzl .swiper-slide a.sq{background: #ffe9d4;}


/*政民互动*/
.zmhd .menu-cards{margin-top: -15px; margin-right: -7px; margin-left: -8px;}
.zmhd .menu-cards li{width: 25%;}
.zmhd .menu-cards li a.item{margin: 15px 7px 0 8px; padding: 10px 0; background: #ebf5fc;}
.zmhd .menu-cards li a.item i{width: 50px; height: 50px; margin-bottom: 0;}
.zmhd .menu-cards li a.item span{color: #666;}
@media (max-width:768px){
  .zmhd .menu-cards li{width: 50%;}	
  .zmhd .menu-cards li a.item{padding: 20px 0;}
}
/* 左右飘窗 */
.rightpc{
    position: fixed;
    bottom: 10px;
    right: 30px;
}
.rightpc img{
    max-width: 280px;
}
.rightpc .close{
    position: absolute;
    top: 1%;
    right: 1%;
    color:#fff;
    height:20px;
    width:20px;
    line-height:20px;
    text-align:center;
    cursor: pointer;
}
.rightpc .close:hover{
    background:#fff;
    border-radius:50%;
    color:#666;
}
.leftpc{
    position: fixed;
    bottom: 10px;
    left: 30px;
    z-index: 999;
}
.leftpc img{
    max-width: 280px;
}
.leftpc .close{
    position: absolute;
    top: 1%;
    right: 1%;
    color:#fff;
    height:20px;
    width:20px;
    line-height:20px;
    text-align:center;
    cursor: pointer;
}
.leftpc .close:hover{
    background:#fff;
    border-radius:50%;
    color:#666;
}
@media (max-width: 1200px) {
.rightpc,.leftpc{display:none;}
}